<template>
  <div class="hello">
    <div
      class="box rotateIn"
      style="animation-duration:2s;animation-delay:1s;animation-iteration-count:1;animation-fill-mode:both;"
    ></div>
    <div
      class="box fadeInLeft"
      style="opacity:0;animation-duration:3s;animation-delay:2s;animation-iteration-count:1;animation-fill-mode:both;"
    ></div>
    <div
      class="box fadeInUp"
      style="opacity:0;animation-duration:3s;animation-delay:3s;animation-iteration-count:1;animation-fill-mode:both;"
    ></div>
  </div>
</template>

<script>
export default {
  name: 'thirdPage'
};
</script>

<style scoped>
.box {
  width: 100px;
  height: 100px;
  background-color: #586c94;
  margin-top: 10px;
}
</style>
